<admintpl file="header" />
<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }
</style>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li><a href="{:U(CONTROLLER_NAME.'/index')}">{:L('PORTAL_ADMINMANUFACTURER_INDEX')}</a></li>
        <li class="active"><a href="{:U(CONTROLLER_NAME.'/add')}">{:L('PORTAL_ADMINMANUFACTURER_ADD')}</a></li>
    </ul>
    <form action="{:U(CONTROLLER_NAME.'/'.ACTION_NAME)}" method="post" class="form-horizontal js-ajax-forms" enctype="multipart/form-data">
        <div class="row-fluid">
            <div class="span9">
                <table class="table table-bordered">
                    <tr>
                        <th width="80">厂商名称</th>
                        <td>
                            <input type="text" style="width:400px;" name="name" id="name"  value="" placeholder="请输入厂商名称"/>
                            <span class="form-required">*</span>
                        </td>
                    </tr>
                    <tr>
                        <th>联系电话</th>
                        <td>
                            <input type="text" style="width:400px;" name="tel" id="tel"  value="" placeholder="请输入联系方式"/>
                            <span class="form-required">*</span>
                        </td>
                    </tr>
                    <tr>
                        <th>所在场馆</th>
                        <td>
                            <select name="site[]" multiple>
                                <volist name="site" id="vo">
                                    <option value="{$vo.id}" >{$vo.title}</option>
                                </volist>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th>详细地址</th>
                        <td>
                            <input type="text" name="address" value="" placeholder="请输入详细地址"/>                            <span class="form-required">*</span>

                        </td>
                    </tr>
                    <volist name="attr" id="vo">
                        <tr>
                            <th>{$vo.name}</th>
                            <td>
                                <if condition="$vo['is_unique']">
                                <select name="extra[{$vo.id}]" >
                                    <option value="">请选择</option>
                                <else/>
                                    <select name="extra[{$vo.id}][]" multiple>
                                </if>
                                    <volist name="vo['son']" id="vv">

                                        <option value="{$vv.id}">{$vv.name}</option>
                                    </volist>
                                </select>
                                <if condition="!$vo['is_unique']">
                                    <div>windows：按住 Ctrl 按钮来选择多个选项,Mac：按住 command 按钮来选择多个选项</div>
                                </if>
                            </td>
                        </tr>
                    </volist>
                    <tr>
                        <th>描述</th>
                        <td>
                            <textarea name="desc" id="description" style="width: 98%; height: 50px;" placeholder="请填写描述"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>内容</th>
                        <td>
                            <script type="text/plain" id="content" name="content"></script>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="span3">
                <table class="table table-bordered">
                    <tr>
                        <th><b>logo</b></th>
                    </tr>
                    <tr>
                        <td>
                            <div style="text-align: center;">
                                <input type="hidden" name="logo" id="thumb" value="">
                                <a href="javascript:upload_one_image('图片上传','#thumb');">
                                    <img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand" />
                                </a>
                                <input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th><b>微信二维码</b></th>
                    </tr>
                    <tr>
                        <td>
                            <div style="text-align: center;">
                                <input type="hidden" name="qrcode" id="qrcode" value="">
                                <a href="javascript:upload_one_image('图片上传','#qrcode');">
                                    <img src="__TMPL__Public/assets/images/default-thumbnail.png" id="qrcode-preview" width="135" style="cursor: hand" />
                                </a>
                                <input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>审核状态</th>
                    </tr>
                    <tr>
                        <td>
                        <select name="is_access" style="min-width: 190px;">
                            <option value="0">未审核</option>
                            <option value="1">已审核</option>
                        </select>
                        </td>
                    </tr>
                    <tr>
                        <th>状态</th>
                    </tr>
                    <tr>
                        <td>
                        <select name="status" style="min-width: 190px;">
                            <option value="1">启用</option>
                            <option value="0">禁用</option>
                        </select>
                        </td>
                    </tr>

                    <tr>
                        <th>页面模板</th>
                    </tr>
                    <tr>
                        <td>
                            <php>
                                $tpl_list=sp_admin_get_tpl_file_list();
                                unset($tpl_list['page']);
                            </php>
                            <select style="min-width: 190px;" name="tpl">
                                <option value="">请选择模板</option>
                                <foreach name="tpl_list" item="vo">
                                    <option value="{$vo}">{$vo}{:C("TMPL_TEMPLATE_SUFFIX")}</option>
                                </foreach>
                            </select>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="form-actions">
            <button class="btn btn-primary js-ajax-submit" type="submit">提交</button>
            <a class="btn" href="{:U(CONTROLLER_NAME.'/index')}">返回</a>
        </div>
    </form>
</div>
<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
<script type="text/javascript">
    //编辑器路径定义
    var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>

<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Sg724zCRHRNVvQdiqx5SqxKP3qtLIKOa"></script>
<script type="text/javascript">

    $(function() {
        $(".js-ajax-close-btn").on('click', function(e) {
            e.preventDefault();
            Wind.use("artDialog", function() {
                art.dialog({
                    id : "question",
                    icon : "question",
                    fixed : true,
                    lock : true,
                    background : "#CCCCCC",
                    opacity : 0,
                    content : "您确定需要关闭当前页面嘛？",
                    ok : function() {
                        setCookie("refersh_time", 1);
                        window.close();
                        return true;
                    }
                });
            });
        });
        /////---------------------
        Wind.use('validate', 'ajaxForm', 'artDialog', function() {
            //javascript

            //编辑器
            editorcontent = new baidu.editor.ui.Editor();
            editorcontent.render('content');
            try {
                editorcontent.sync();
            } catch (err) {
            }
            //增加编辑器验证规则
            jQuery.validator.addMethod('editorcontent', function() {
                try {
                    editorcontent.sync();
                } catch (err) {
                }
                return editorcontent.hasContents();
            });
            var form = $('form.js-ajax-forms');
            //ie处理placeholder提交问题
            if ($.browser && $.browser.msie) {
                form.find('[placeholder]').each(function() {
                    var input = $(this);
                    if (input.val() == input.attr('placeholder')) {
                        input.val('');
                    }
                });
            }

            var formloading = false;
            //表单验证开始
            form.validate({
                //是否在获取焦点时验证
                onfocusout : false,
                //是否在敲击键盘时验证
                onkeyup : false,
                //当鼠标掉级时验证
                onclick : false,
                //onsubmit:false,
                //验证错误
                showErrors : function(errorMap, errorArr) {
                    //errorMap {'name':'错误信息'}
                    //errorArr [{'message':'错误信息',element:({})}]
                    try {
                        $(errorArr[0].element).focus();
                        art.dialog({
                            id : 'error',
                            icon : 'error',
                            lock : true,
                            fixed : true,
                            background : "#CCCCCC",
                            opacity : 0,
                            content : errorArr[0].message,
                            cancelVal : '确定',
                            cancel : function() {
                                $(errorArr[0].element).focus();
                            }
                        });
                    } catch (err) {
                    }
                },
                //给未通过验证的元素加效果,闪烁等
                highlight : false,
                //是否在获取焦点时验证
                onfocusout : false,
                //验证通过，提交表单
                submitHandler : function(forms) {
                    if (formloading)
                        return;
                    $(forms).ajaxSubmit({
                        url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
                        dataType : 'json',
                        beforeSubmit : function(arr, $form, options) {
                            formloading = true;
                        },
                        success : function(data, statusText, xhr, $form) {
                            formloading = false;
                            if (data.status) {
                                setCookie("refersh_time", 1);
                                //添加成功
                                Wind.use("artDialog", function() {
                                    art.dialog({
                                        id : "succeed",
                                        icon : "succeed",
                                        fixed : true,
                                        lock : true,
                                        background : "#CCCCCC",
                                        opacity : 0,
                                        content : data.info,
                                        button : [ {
                                            name : '继续添加？',
                                            callback : function() {
                                                reloadPage(window);
                                                return true;
                                            },
                                            focus : true
                                        }, {
                                            name : '返回列表页',
                                            callback : function() {
                                                location = "{:U(CONTROLLER_NAME.'/index')}";
                                                return true;
                                            }
                                        } ]
                                    });
                                });
                            } else {
                                artdialog_alert(data.info);
                            }
                        }
                    });
                }
            });
        });
        ////-------------------------
    });
</script>
</body>
</html>